<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    span {
        width: 30px;
        height: 30px;
        display: inline-block;
        background-color: aliceblue;
        border: 1px solid yellowgreen;
        margin: 30px;
    }

    .checked {
        background-color: orangered;

    }
</style>

<body>
    <span></span><span></span><span></span><span></span><span></span>
    <script>

        // a   a()

        // 对象的访问方法
        // toggle
        // [1] == true 



        //  var obj = { name : 'zs' , age :18}
        // //  var name = 'age'
        // var obj1 = {'name' :'zs', 'age' : 18 }
        // console.log(obj1[name]) //und
        // console.log(obj1['name']) 
        // console.log(obj[name]);  //und
        // console.log(obj['name']) //
        // // console.log(obj.name)

        //     var oSpans = document.querySelectorAll('span');

        // oSpans.forEach(v => {
        //     v.onclick = function () {
        //         // if (this.classList.contains('checked')) {
        //         //     this.classList.remove('checked')
        //         // } else {
        //         //     this.classList.add('checked')
        //         // }

        //         this.classList.toggle('checked')

        //     }
        // })
        var min = Math.min();  //无穷大
        max = Math.max();           // -无穷大
        console.log(min > max);
        // 写出执行结果，并解释原因

        var a = [4];
        if (a) {
            // a=>join 4 == 1
            console.log(a == true);// faslse
        } else {
            console.log(a);
        }

        [] == false
// 写出执行结果，并解释原因

    </script>
</body>

</html>